<!--courselist-->
<div class="courses-page">

  <div class="row card-list">
    <div class="col-xs-12 card">
      <div class="col-xs-12 car-header">
        <div class="col-xs-4 col-sm-3 txt-c">
          <img src="{{child.picUrl || defaultHead }}" class="head-img"/>
        </div>
        <div class="col-xs-4 col-sm-6 txt-l card-info">
          <div class="col-xs-12 col-sm-6"><p>{{child.name}}<span class="icon {{child.gender ? 'icon-male' : 'icon-female'}}"></span></p></div>
          <div class="col-xs-12 col-sm-6"><p>{{child.birthday | date:'yyyy-MM-dd'}}</p></div>
        </div>
        <div class="col-xs-4 col-sm-3 txt-c card-btns"></div>
      </div>
      <div class="col-xs-12 card-bar">
        <div class="col-xs-6 txt-c">
          <a *ngIf="!child.assessment" [routerLink]="['/faq/how_assessment']">未完成测评</a>
          <span *ngIf="child.assessment">完成测评</span>
        </div>
        <div class="col-xs-6 txt-c">
          <span>课程进度：{{finish}}/{{total}}</span>
        </div>
      </div>
    </div>
  </div>

  <div class="row bs-example courses-list">
    <div class="media courses" *ngFor="let subscribe of subscribeList">
      <div class="media-left media-middle">
        <img class="media-object img" src="{{subscribe.courseDetail.picUrl}}" >
      </div>
      <div class="media-body">
        <div class="row">
          <div class="col-xs-12 col-md-5">课程名称：{{subscribe.courseDetail.name}}</div>
          <div class="col-xs-12 col-md-5">上课时间：{{subscribe.classDate}} {{subscribe.startTime}}</div>
          <div class="col-xs-12 col-md-2">状态：{{subscribe.status}}</div>
        </div>
      </div>
    </div>
  </div>
</div>
